<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html lang="zh-CN">
<c:set var="path" value="${pageContext.request.contextPath}"></c:set>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>流浪动物救助系统</title>
    <link href="${path}/user/static/css/owl.carousel.css" rel="stylesheet">
    <link href="${path}/user/static/css/owl.theme.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath}/user/static/css/style.css" rel="stylesheet">
    <link href="${path}/user/static/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="${path}/user/css/bootstrap.css" type="text/css" media="all">
    <!-- Bootstrap-Core-CSS -->
    <link rel="stylesheet" href="${path}/user/css/font-awesome.css" type="text/css" media="all">
    <!-- Font-Awesome-Icons-CSS -->
    <link rel="stylesheet" href="${path}/user/css/owl.carousel.css" type="text/css" media="all" />
    <!-- Owl-Carousel-CSS -->
    <link rel="stylesheet" href="${path}/user/css/style.css" type="text/css" media="all" />
    <!-- Style-CSS -->
    <!-- //css files -->
    <!-- web fonts -->
    <!--<link href="http://fonts.googleapis.com/css?family=Molle:400i&amp;subset=latin-ext" rel="stylesheet">
    <link href="http://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i&amp;subset=latin-ext" rel="stylesheet">
    <link href="http://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&amp;subset=latin-ext"
        rel="stylesheet">-->
</head>

<body>
<!--头部-->
<jsp:include page="header.jsp"></jsp:include>
<!--幻灯片-->
<section class="ab_img">
    <img src="static/images/contact.jpg">
</section>

<!-- 理念 -->
<div class="team" id="team">
    <div class="container">
        <h4 class="agile-title">我们的宗旨</h4>
        <p>流浪动物救助系统以珍爱生命、倡导精神文明和发扬人道主义精神为思想基础，以保护动物、维护动物的生存权利和不受虐待的权利、以及改善和提高小动物的生命条件、饲养水平为宗旨，坚决反对任何虐待、残害动物的行为和思想。</p>

        <div class="team-agileinfo agileits-w3layouts">
            <div class="col-md-6 team-grid w3-agileits">
                <div class="team-grid-right">
                    <img src="images/t1.jpg" alt=" " class="img-responsive" />
                </div>
                <div class="team-grid-left">
                    <%--<h4>流浪动物救助</h4>--%>
                    <p>每个生命都有尊严，都应得到尊重。生活中，我们总能看见夜晚路边的垃圾堆旁，几只毛茸茸又脏兮兮的小猫小狗躲在黑夜里寻找食物，让我们一起给流浪动物一个家，让流浪动物不再流浪</p>
                </div>
                <div class="clearfix"> </div>
            </div>
            <div class="col-md-6 team-grid w3-agileits">
                <div class="team-grid-right aliquam">
                    <img src="images/t2.jpg" alt=" " class="img-responsive" />
                </div>
                <div class="team-grid-left non">

                    <p>流浪动物救助
                        主要工作之一救助病残的流浪猫狗，特别是不给于救助便会危及生命的小动物。</p>
                </div>
                <div class="clearfix"> </div>
            </div>
            <div class="clearfix"> </div>
        </div>
        <div class="team-agileinfo">
            <div class="col-md-6 team-grid w3-agileits">
                <div class="team-grid-right">
                    <img src="images/t3.jpg" alt=" " class="img-responsive" />
                </div>
                <div class="team-grid-left">

                    <p>流浪动物主要是指无主人的宠物猫和宠物狗，人类的虐待、不负责任遗弃，以及没有绝育而导致的无限繁殖是宠物沦落为流浪动物的主要根源。我国现存的流浪动物数目庞大、分布广泛，流浪动物主要存在于大学校园、居民住宅小区、城镇马路边、城市公园以及城中村等区域，数目之多让人震惊。</p>
                </div>
                <div class="clearfix"> </div>
            </div>
            <div class="col-md-6 team-grid w3-agileits">
                <div class="team-grid-right aliquam">
                    <img src="images/t4.jpg" alt=" " class="img-responsive" />
                </div>
                <div class="team-grid-left non">

                    <p>流浪动物救系统以珍爱生命、倡导精神文明和发扬人道主义精神为思想基础，以保护动物、维护动物的生存权利和不受虐待的权利、以及改善和提高小动物的生命条件、饲养水平为宗旨，坚决反对任何虐待、残害动物的行为和思想。</p>
                </div>

                <div class="clearfix"> </div>
            </div>
            <div class="clearfix"> </div>
        </div>
    </div>
</div>
<!-- //理念 -->


<!--联系-->
<div class="title1">
    <div class="title1_top">
        <h2>联系我们</h2>
    </div>
</div>
<div class="container">
    <div class="row">
        <div class="col-md-5 col-sm-12 col-xs-12 icoo">
            <p class="p16"><span></span>有任何问题均可联系我们</p>
            <p class="p16"><span class="glyphicon glyphicon-envelope"></span>联系邮箱：1923716840@qq.com</p>
            <p class="p16"><span class="glyphicon glyphicon-phone-alt"></span>联系电话：15359502373</p>
            <p class="p16"><span class="glyphicon glyphicon-home"></span>联系地址：福建省厦门市海沧区嵩屿街道305号</p>

        </div>
    </div>
</div>
<!--
      <div class="ctn clearfix" style="font-size: 0px;">
          <iframe src="map.html" width="100%" height="450px"></iframe>
      </div>
-->
<!--联系我们-->
<jsp:include page="footer.jsp"></jsp:include>
<!--回到顶部-->
<a class="top"><span class="glyphicon glyphicon-menu-up jiantou"></span></a>
<script src="static/js/jquery-3.1.1.min.js"></script>
<script src="static/js/bootstrap.min.js"></script>
<script>
    $(window).scroll(function(){
        $(".top").show();
        if($(window).scrollTop()<=300){
            $(".top").hide();
        }
    });
    $(".top").click(function(){
        $("html").animate({"scrollTop": "0px"},100); //IE,FF
        $("body").animate({"scrollTop": "0px"},100); //Webkit
    });
</script>
</body>

</html>
